<template>
	<view class="reward-container">
		<view class="header">
			
			
		</view>
		<view class="wrapper">
			
			<view class="footer">
				<view class="context">
					<view class="content" v-if="wenan">
						<view class="li" v-for="(i, ind) in wenan" :key="ind">
							{{
								i
							}}
						</view>
					</view>
				
				</view>
				<view class="inner ">
						<view class="shenmin">相关声明</view>
						<view class="text">若出现以不正当手段（包括但不限于批量注册、用户机器注册账户、机器模拟客户端、账号买卖、作弊扰乱系统获取新人券和活动奖励，违反《护士小鹿用户协议》等，均可能会被系统视为风险账户，您将不会获得奖励，护士小鹿有权取消用户参与本次活动的资格，并对其账号进行封禁同时有权撤销违规交易，并回收活动中已经发放到余额的奖励，保留拒绝赋予其今后参加本公司任何优惠活动的权利，并追究相关法律责任。护士小鹿可在法律法规的允许范围内，对本次活动调整修改。</view>
					
				</view>
				
			</view>
		</view>
		
	</view>
</template>

<script>
	import {selectRule} from '@/apis/invite/index.js'
	export default {
		data() {
			return {
				wenan: ''
			}
		},
		onLoad() {
			this.init()
		},
		methods: {
			init(){
				selectRule().then(r => {
					this.wenan = r.object.activityRule.split('\n')
				})
			}
			
		}
	}
</script>

<style scoped lang="less">
	.reward-container{
		min-height: 100vh;
		background-color: rgba(247, 247, 247, 1);
	}
.header{
	width: 750rpx;
	height: 390rpx;
	background: url('/../../../static/img/reward/bg.jpg');
	background-size: 100% 100%;
}
.wrapper{
	background-color: rgba(247, 247, 247, 1);
	// padding: 0 20rpx;
}

.footer{
	position: relative;
	top: -224rpx;
	margin: 0 20rpx;
	padding: 34rpx 0 80rpx;
	background: #FFFFFF;
	border-radius: 16rpx;
	.context{
		font-size: 28rpx;
		color: #333333;
		margin: 62rpx 28rpx 70rpx;
		.li{
			margin-bottom: 16rpx;
		}
	}
	.inner{
		margin: 0rpx 28rpx;
		padding:42rpx 34rpx;
		background: #F6F6F6;
		border-radius: 16px;
		.shenmin{
			margin-bottom: 16rpx;
			text-align: center;
			font-size: 36rpx;
			color: #333333;
		}
		.text{
			font-size: 24rpx;
			color: #333333;
			line-height: 40rpx;
		}
	}
}
</style>
